<html>
    <head>
        <title>Rubra</title>
        <link rel="stylesheet" href="css/reset.css" type="text/css"  />
        <link rel="stylesheet" href="css/grid.css" type="text/css" />
        <link rel="stylesheet" href="css/general.css" type="text/css" />
        <link rel="stylesheet" href="css/css3.css" type="text/css" />
        <link rel="stylesheet" href="css/menu.css" type="text/css" />
        <link rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css" type="text/css" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/modernizr-1.7.min.js"></script>
        <script src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script>
            $(document).ready(function(){
                $(".button").button();
            });
            
        </script>
    </head>
    <body>
        <div class="head">
            <div class="row logo">
                <div class="col col_7">Rubra</div>
            </div>
            <div class="row">
        
                <ul class="menu">
                    <li><a href="#" class="active"><span>Administrador de eventos</span></a></li>
                    <li><a href="#"><span>Administrador de usuarios</span></a></li>
                    <li><a href="#"><span>Eventos archivados</span></a></li>
                </ul>
               
            </div>            
        </div>
        <div class="content">
            <div class="row">
                <h2>Eventos</h2>
                
            </div>
            <div class="row">
                <div class="contenedor_mensaje">
                    <div class="mensaje">
                        No hay eventos cargados
                    </div>
                </div>
                <button class="button">Crear un evento</button>
            </div>        
        </div>
        <div class="row footer">
        
        </div>
    </body>
</html>
